// 下划线
@mixin baseline($background, $width: 100%, $height: 1px) {
  position: relative;
  &::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: $width;
    height: $height;
    background-color: $background;
  }
}
// hover 透明度
@mixin hoverReduceOp($opacity: 0.8) {
  &:hover {
    opacity: $opacity;
  }
}

// 溢出隐藏
@mixin ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
